<style lang='scss' type='stylesheet/scss' scoped>
.as-input {
  margin-bottom: 10px;
}
</style>
<template>
  <as-card :text="text"
           title="从右上角弹出通知框，用法基本与 message 相同">
    <as-button type="primary"
               @click="submit">提交</as-button>
  </as-card>
</template>

<script type="text/ecmascript-6">
import { mapGetters } from "vuex";
export default {
  name: "",
  computed: {
    ...mapGetters(["isMobile"])
  },
  data() {
    return {
      name: "",
      text: `<template>
   <as-button type="primary" @click="submit">提交</as-button>
 </template>
 <script>
   export default {
     methods: {
       submit() {
         this.$notify({
           title: "成功",
           message: "提交成功",
           type: "success",
           duration: 3000
         });
       }
     }
   }
 <\/script>`
};
  },
  methods: {
    submit() {
      this.$notify({
        title: "成功",
        message: "提交成功",
        type: "success",
        duration: 3000
      });
    }
  }
};
</script>
